.ranking-main {
    padding: 0 30px 30px;
}

.ranking-title {
    height: 62px;
    padding: 12px 0;
}

.ranking-screen {
    float: right;
}

.ranking-screen > label {
    position: relative;
    /*margin-left: 12px;*/
}

.ranking-screen > label input {
    width: 160px;
    height: 38px;
    padding-left: 40px;
    border: none;
    border-radius: 6px;
    font-size: 14px;
    color: #394A64;
}

.ranking-screen > label i {
    position: absolute;
    left: 10px;
    top: 50%;
    font-size: 18px;
    color: #8E99B1;
    transform: translateY(-50%);
}

.ranking-title h1 {
    font-size: 18px;
    color: #3D4956;
    font-weight: 600;
    line-height: 38px;
    float: left;
}

.ranking-content {
    display: flex;
    flex-direction: row;
}


/* =================================== 左侧排名部分 开始 =================================== */

.ranking-content .ranking-list {
    position: relative;
    flex-shrink: 0;
    width: 320px;
    height: 1050px;
    margin-right: 20px;
    background: #F7F9FD;
    border-radius: 12px;
    overflow: hidden;
}

.ranking-content .ranking-list:before {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    display: block;
    width: 100%;
    height: 102px;
    background: #fff;
    content: "";
}

.ranking-list h2 {
    position: relative;
    z-index: 2;
    height: 80px;
    margin: 10px 10px 20px;
    border-radius: 12px;
    background: #6a83de;
    text-align: center;
    line-height: 80px;
    font-size: 24px;
    font-weight: bold;
    font-family: PingFang SC, '苹方', '微软雅黑', sans-serif;
    color: #fff;
    text-shadow: 0 5px 9px rgba(61, 83, 171, 0.35);
}

.ranking-list h2:before,
.ranking-list h2:after {
    position: absolute;
    left: 40px;
    top: 0;
    display: block;
    width: 44px;
    height: 80px;
    background: url("../../images/rank-title-bg.png") no-repeat scroll 0 0;
    content: "";
}

.ranking-list h2:after {
    left: auto;
    right: 40px;
    background-position: right top;
}

.ranking-list table {
    width: 100%;
}

.ranking-list table .bs-checkbox {
    width: 0!important;
}

.ranking-list table .lyear-radio {
    display: none;
}

.rank-box {
    display: flex;
    height: 70px;
    margin: 8px 10px;
    border: #fff solid 1px;
    box-sizing: border-box;
    border-radius: 10px;
    background: #fff;
    box-shadow: rgba(255, 255, 255, 0) 0 5px 9px 2px;
    cursor: pointer;
}

tr.selected .rank-box {
    border-color: #4460F1;
    box-shadow: 0 5px 9px 2px rgba(128, 152, 255, 0.15);
}

.rank-box > div {
    flex-grow: 0;
    position: relative;
    width: 84px;
}

.rank-box > div + div {
    flex-grow: 1;
    width: auto;
}

.rank-box > div:first-child:before {
    position: absolute;
    left: 7px;
    top: 8px;
    z-index: 1;
    display: block;
    width: 56px;
    height: 56px;
    background: url("../../images/rank-header-bg.png") no-repeat scroll 0 0;
    content: "";
}

.rank-box .rank-head {
    position: relative;
    z-index: 2;
    margin: 15px 0 0 14px;
    width: 42px;
    height: 42px;
    border-radius: 30px;
    overflow: hidden;
}

.rank-box .rank-head img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.rank-box h5 {
    margin: 15px 0 4px;
    font-size: 12px;
    font-weight: bold;
    color: #455165;
}

.rank-box p {
    margin: 0;
    font-size: 12px;
    color: #90A1BD;
}

.rank-box p > span {
    font-size: 12px;
    font-weight: bold;
    color: #455165;
    font-family: "Arial Black", sans-serif;
}

.rank-box .rank-tip {
    position: absolute;
    right: 18px;
    top: 16px;
    line-height: 15px;
    font-size: 15px;
    font-family: "YouSheBiaoTiHei", "Arial Black", sans-serif;
    font-weight: bold;
    color: #707B8D;
}

.rank-box .rank-tip.top-rank0 {
    color: #F74A41;
}

.rank-box .rank-tip.top-rank1 {
    color: #F7BD41;
}

.rank-box .rank-tip.top-rank2 {
    color: #4674E7;
}

.ranking-list .fixed-table-pagination {
    border: none;
    padding: 0 10px;
}

.ranking-list .fixed-table-pagination .pagination-detail {
    display: none;
}

.ranking-list .bootstrap-table .fixed-table-container.fixed-height:not(.has-footer) {
    border: none;
}

.ranking-list .fixed-table-pagination .pagination {
    width: 100%;
    margin: 0;
}

.ranking-list .fixed-table-pagination .pagination ul {
    padding-top: 14px;
    vertical-align: top;
}

.ranking-list .fixed-table-pagination .page-item {
    display: none;
}

.ranking-list .fixed-table-pagination .page-pre,
.ranking-list .fixed-table-pagination .page-next {
    display: block;
    float: left;
}

.ranking-list .fixed-table-pagination .page-next {
    float: right;
}

.ranking-list .fixed-table-pagination .page-item a {
    display: block;
    width: 140px;
    height: 38px;
    background: #EDF2F9;
    border-radius: 8px;
    text-align: center;
    line-height: 26px!important;
    font-size: 14px;
    font-family: "PingFang SC", sans-serif;
    font-weight: 400;
    color: #99A5B3;
}

.ranking-list .fixed-table-pagination .page-item a:hover {
    background: #6A83E4;
    color: #fff;
}

.ranking-list .bootstrap-table .fixed-table-pagination > .pagination ul.pagination li.disabled a {
    background-color: transparent;
    pointer-events: auto;
}

.ranking-list .bootstrap-table .fixed-table-pagination > .pagination ul.pagination li.disabled a:hover {
    color: #99A5B3;
    cursor: not-allowed;
}

.ranking-list tr.no-records-found {
    text-align: center;
}

/* =================================== 左侧排名部分 结束 =================================== */


.ranking-content .ranking-info {
    flex-grow: 1;
    flex-shrink: 1;
    border-radius: 12px;
    background: #fff;
}

.ranking-info .tab-content {
    padding: 20px;
}

/* =================================== 业绩分析 开始 =================================== */

.performance-analysis > .well {
    background: #FDFEFF;
    padding: 15px;
    border: 1px solid #EDF1F8;
    border-radius: 12px;
}

.performance-analysis > .well h3 {
    background: #F0F4F8;
    padding-left: 10px;
    border: 1px solid #EDF1F8;
    line-height: 34px;
    color: #4E5C72;
}

.performance-row {
    display: flex;
    width: 100%;
}

.performance-row .well {
    flex-grow: 1;
    height: 322px;
    padding: 15px;
    background-color: #F7FAFF;
}

.performance-row .well + .well {
    flex-grow: 0;
    width: 300px;
    margin-left: 20px;
}

.performance-row .well h3 {
    padding-left: 10px;
    margin-bottom: 10px;
    border: 1px solid #EDF1F8;
    background: #F0F4F8;
    line-height: 34px;
    color: #4E5C72;
}

.proportion-well {
    height: 110px;
    padding-left: 32px;
    margin-bottom: 20px;
    background: #F0F4F8;
    border-radius: 6px;
}

.proportion-well h5 {
    padding: 28px 0 14px;
    margin-bottom: 0;
    line-height: 13px;
    font-size: 13px;
    font-weight: 400;
    color: #415267;
}

.proportion-well p {
    flex-grow: 1;
    line-height: 26px;
    font-size: 26px;
    font-family: Arial Black, sans-serif;
    font-weight: 400;
    color: #4D5D71;
    white-space: nowrap;
}

.proportion-well p span {
    padding-right: 2px;
    font-weight: 600;
    font-family: Arial, sans-serif;
}

.proportion-well p i {
    position: relative;
    display: inline-block;
    width: 7px;
    height: 21px;
    margin-left: 30px;
    border-radius: 5px;
    background-color: #4e83fe;
}

.proportion-well p i:before,
.proportion-well p i:after {
    position: absolute;
    left: -8px;
    bottom: 0;
    display: block;
    width: 7px;
    height: 14px;
    border-radius: 10px;
    background-color: #4e83fe;
    content: "";
}

.proportion-well p i:after {
    left: 8px;
    height: 10px;
    background-color: #fc7676;
}

.bootstrap-table .fixed-table-pagination > .pagination ul.pagination {
    vertical-align: top;
}

.tooltip-icon {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 10px;
    margin-right: 6px;
}

.ability-well {
    position: relative;
    height: 100px;
    padding-left: 100px;
    background: #F0F4F8;
    border-radius: 6px;
}

.ability-well img {
    position: absolute;
    left: 20px;
    top: 20px;
    width: 60px;
    height: 60px;
}

.ability-well h5 {
    padding: 28px 0 10px;
    margin-bottom: 0;
    line-height: 14px;
    font-size: 13px;
    font-weight: 400;
    color: #6E86A3;
}

.ability-well p {
    line-height: 20px;
    font-size: 20px;
    font-family: Arial Black, sans-serif;
    font-weight: 400;
    color: #4D5D71;
}


/* =================================== 业绩分析 结束 =================================== */


































































